.literature-list-box {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;

  > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);

    > div:first-of-type {
      flex: 1;
      min-width: 30%;
      margin-right: 10px;

      > img {
        width: 100%;
        height: 100px;
        object-fit: cover;
      }
    }

    > div:last-of-type {
      flex: 3;
      min-width: 70%;

      > h2 {
        font-size: 18px;
        font-weight: 900;
        margin: 0;
        //强制不换行
        white-space: nowrap;
        //溢出隐藏
        overflow: hidden;
        //超出用省略好限制
        text-overflow: ellipsis;
      }

      > p {
        width: 96%;
        font-size: 14px;
        color: #666;
        margin: 0;
        margin-top: 6px;
        //溢出隐藏
        overflow: hidden;
        //超出用省略好限制
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
      }
    }
  }
}